<template>
  <div class="container">
    <h2>{{ str }}</h2>
    <input type="text" v-model.lazy="str"> <br/>
    <input type="text" v-model.number="age"> <br/>
    <input type="text" v-model.trim="uname"> <br/>
  </div>
</template>

<script>
export default {
  data () {
    return {
      str: '你好世界',
      age: 20,
      uname: 'zs'
    }
  }
}
</script>

<style>
h2 {
  color: red;
}
</style>